body{
    font-family: "宋体";
}
ul{
    padding: 0px;
    margin: 0px;
    list-style:none;
}
.container{
    float: left;
    width:720px;
    height: 1615px;
    background-color: #ddd;
    margin: 10px 360px 20px;/*1423px宽度,使其居中*/
    border: solid 1px #999;
}
.content{
    float: left;
    width: 700px;
    margin: 10px;
    background-color: #fff;

}
/*对全部的标题h3设置居中*/
.content h3{
    width: 100%;/*方便使文字块内水平居中*/
    height: 30px;
    line-height: 30px;/*文字垂直居中*/
    text-align: center;/*水平居中*/
    margin: 10px 0 10px ;
}
/*右边导航栏：点击可跳转指定位置*/
.mainmenu{
    width: 100%;
    height: 50px;
}
.mainmenu ul li{
    float: left;
    margin-left: 30px;
    line-height: 50px;
}
.mainmenu ul li a{
    text-decoration:none;/*取消链接的下划线*/
    color:black;
}
.mainmenu ul li:hover a{
    color: cornflowerblue;/*鼠标滑过实现实现字体变色*/
}
/*hello world号欢迎语*/
.content .welcome{
    height: 90px;
}
.content .welcome span{
   display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    font-family: "Comic Sans MS";
}
/*个人简介*/
.content .midwrap1{
    height: 300px;
    width: 100%;/*700px*/
    border-bottom: dashed 1px #999;/*页面分界线*/
}
.content .midwrap1 .personal{
    width: 600px;
    height: 280px;
    border: double 4px rgb(178, 222, 247);
    margin: 10px 49px 0px;
}
.content .midwrap1 .personal a span{
    display: block;
    width: 100px;
    height: 20px;
    line-height: 20px;
    margin: 10px 30px 0;
    font-size: 18px;
    font-family: "微软雅黑light";
}
.content .midwrap1 .personal ul{
    float: left;
    width: 350px;
}
.content .midwrap1 .personal li{
    width: 300px;
}
.content .midwrap1 .personal  ul span{
    display: block;
    width: 150px;
    height: 20px;
    line-height: 20px;
    padding-left: 120px;
    margin: 15px 0 0;
}
.content .midwrap1 .personal .photo{
    float: left;
    margin-left: 50px;
}
.content .midwrap1 .personal .photo img{
    width: 135px;
    height: 135px;
}
/*专业技能*/
.content .midwrap2{
    height: 310px;
    width: 100%;/*700px*/
    border-bottom: dashed 1px #999;/*页面分界线*/
}
.content .midwrap2 .ability ul{
    float: left;
    width: 600px;
    height: auto;
    margin: 10px 50px 10px;
}
.content .midwrap2 .ability li {
    float: left;
    width: 120px;
    height: 120px;
    margin: 0 90px 0;
}
.content .midwrap2 .ability img{
    width: 120px;
    height: 120px;
}
/*兴趣爱好*/
.content .midwrap3{
    height: 600px;
    width: 100%;/*700px*/
    border-bottom: dashed 1px #999;/*页面分界线*/
}
.content .midwrap3 ul{
    float: left;
    width: 600px;
    height: 520px;
    margin: 0px 50px 0px;
}
.content .midwrap3 li{
    float: left;
    width: 140px;
    height: 250px;
    margin: 0 80px 0;
}
.content .midwrap3 li span{
    display: block;
    width: 140px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.content .midwrap3 .words{
    display: block;
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.content .midwrap3 li img{
    width: 140px;
    height: 210px;
}
/*与我联系*/
.content .foot{
    height: 200px;
    width: 100%;/*700px*/
}
.content .foot ul{
    float: left;
    width: 400px;
    margin: 0px 160px 0px;
}
.content .foot ul li{
    width: 300px;
    height: 50px;

}
.content .foot ul li span{
    display: block;
    float: right;
    width: 230px;
    height: 40px;
    line-height: 40px;
    text-align: left;/*文本左对齐*/
    padding-left: 10PX;
}
.content .foot .call a{
    display: block;
    float: left;
    width:50px;
    height: 40px;
}
.content .foot .call img{
    width: 50px;
    height: 40px;
}